<!DOCTYPE html>
<style>
.container {
  font: 20px/1.5 monospace;
  width: 26.5ch;
  border: solid 1px;
}
.float {
  background: yellow;
  padding: 0.2em 1ch;
  line-height: 1.2;
  float: left;
}
.float2 {
  background: cyan;
  padding: 0.2em 1ch;
  line-height: 1.2;
  float: right;
}
</style>

<div class="container"><div class="float">FLOAT<br>FLOAT</div>abcde fghi<br>jklm nop<div class="float2">FLOAT<br>FLOAT</div><br>qrst uvw xyz!</div>
